<template>
  <dv-card class="main-left">
    <template #header>
      <div class="page-title">首页>数字看板</div>
    </template>
    <div class="content">
      <div class="column-item-row-center">
        <!--        总体指标-->
        <all-index class="mb-10" />
        <!--        应急事件-->
        <fast-event />
      </div>
      <!--      <div class="column-item-row-center" style="width: 448px">-->
      <!--        &lt;!&ndash;        十大民生&ndash;&gt;-->
      <!--        <ten-file />-->
      <!--        &lt;!&ndash;        防疫&ndash;&gt;-->
      <!--        <Prevention />-->
      <!--      </div>-->
    </div>
  </dv-card>
</template>

<script>
import AllIndex from "@/views/board/components/Left/components/AllIndex";
import FastEvent from "@/views/board/components/Left/components/FastEvent";
import DvCard from "@/components/DvCard";
export default {
  name: "Left",
  components: { DvCard, FastEvent, AllIndex },
};
</script>

<style scoped lang="scss">
// 覆盖样式
.page-title {
  height: 21px;
  font-size: 22px;
  font-weight: 400;
  color: #9eccff;
  line-height: 26px;
}
.main-left {
  box-sizing: border-box;
  place-content: center;
  .content {
    display: grid;
    grid-template-columns: 889px auto;
    grid-column-gap: 16px;
  }
}
</style>
